<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/templates/crud-template.xhtml">

	<ui:define name="content">
	<div align="left">
	<p:tooltip global="true"/>
	<p:ajaxStatus onstart="statusDialog2.show();" onsuccess="statusDialog2.hide();"/>  
    <p:dialog modal="true" widgetVar="statusDialog2" header="Status"   
        draggable="false" closable="false" resizable="false">  
    	<p:graphicImage value="/resources/images/ajaxloadingbar.gif" />  
    </p:dialog>   
	<p:growl id="msgs" showDetail="true" sticky="false" life="10000"/>
		<h:form id="form" style="width: 800px;">
			 <p:dataTable id="listaSE" var="solicitud" value="#{evaluarExoneracionBean.solicitudes}" 
    widgetVar="solicitudesTable" emptyMessage="No hay asignaturas a listar" 
    paginator="true" rows="5"  
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
    rowsPerPageTemplate="5,10,15">  
  		<f:facet name="header">  
  		<div align="right">
            <p:outputPanel>  
                <h:outputText value="Busqueda:" />
                <p:inputText id="globalFilter" onkeyup="solicitudesTable.filter()" style="width:150px" />  
            </p:outputPanel>  
        </div>
        </f:facet>
        
  		<p:column headerText="Codigo">  
            <h:outputText value="#{solicitud.intIdCodigoSolicitudExoneracion}"/>  
        </p:column>
        
        <p:column headerText="Alumno" filterBy="#{solicitud.alumno.strApellidoPaterno}" filterStyle="display:none">  
            <h:outputText value="#{solicitud.alumno.strNombres} #{solicitud.alumno.strApellidoPaterno} #{solicitud.alumno.strApellidoMaterno}"/>  
        </p:column>
        
         <p:column headerText="Asignatura">  
            <h:outputText value="#{solicitud.asignaturas.strNombreAsignatura}"/>  
        </p:column>
        
        <p:column style="width:100px">  
             <h:panelGrid columns="3" styleClass="actions" cellpadding="2">  
                 <p:commandButton update="dlgForm:display,dlgForm:image" oncomplete="carDialog.show()" image="ui-icon ui-icon-search" title="Ver Solicitud">  
                     <f:setPropertyActionListener value="#{solicitud}" target="#{evaluarExoneracionBean.selectedSolicitud}" />  
                     <f:setPropertyActionListener value="#{true}" target="#{evaluarExoneracionBean.editMode}" /> 
                 </p:commandButton>   
             </h:panelGrid>  
        </p:column>
    </p:dataTable>
		</h:form>
		
	<p:dialog header="Solicitud de Exoneracion" widgetVar="carDialog" resizable="false" id="carDlg"
			  showEffect="fade" hideEffect="explode" modal="true" width="800" position="top" >
	<h:form id="dlgForm">
	  <h:panelGrid id="display" columns="2" cellpadding="2" style="margin:0 auto;" >  
		    <h:outputText value="Codigo Asignatura" style="font-weight:bold"/>  
            <h:panelGroup>    
                <p:inputText value="#{evaluarExoneracionBean.selectedSolicitud.intIdCodigoSolicitudExoneracion}" style="font-weight:bold" rendered="#{evaluarExoneracionBean.editMode}" readonly="#{evaluarExoneracionBean.editMode}" size="30"/>  
            </h:panelGroup>
            
            <h:outputText value="Alumno" style="font-weight:bold"/>  
            <h:panelGroup>    
                <p:inputText value="#{evaluarExoneracionBean.selectedSolicitud.alumno.strNombres} #{evaluarExoneracionBean.selectedSolicitud.alumno.strApellidoPaterno} #{evaluarExoneracionBean.selectedSolicitud.alumno.strApellidoMaterno}" style="font-weight:bold" rendered="#{evaluarExoneracionBean.editMode}" readonly="#{evaluarExoneracionBean.editMode}" size="30"/>  
            </h:panelGroup> 
            
             <h:outputText value="Asignatura" style="font-weight:bold"/>  
            <h:panelGroup>  
                <p:inputText value="#{evaluarExoneracionBean.selectedSolicitud.asignaturas.strNombreAsignatura}" style="font-weight:bold" rendered="#{evaluarExoneracionBean.editMode}" readonly="#{evaluarExoneracionBean.editMode}" size="30" />  
            </h:panelGroup>   
            
            <h:outputText value="Observaciones" style="font-weight:bold"/>  
            <h:panelGroup>  
                <p:inputTextarea value="#{evaluarExoneracionBean.selectedSolicitud.strObservacion}" style="font-weight:bold;width:290px;height:100px;" rendered="#{evaluarExoneracionBean.editMode}" readonly="#{!evaluarExoneracionBean.editMode}" required="true" label="Observaciones" effectDuration="300"/>  
            </h:panelGroup> 
			 <f:facet name="footer"> 
                <p:outputPanel rendered="#{evaluarExoneracionBean.editMode}" layout="block" style="text-align:center">
                <h:panelGroup>
					  <p:commandButton value="Aprobar" 
					  actionListener="#{evaluarExoneracionBean.apruebaSolicitud}"  
					  update="form:listaSE msgs" 
                      image="ui-icon ui-icon-check"
                      oncomplete="onEditComplete(args)"/>
                     <p:commandButton value="Desaprobar" 
					  actionListener="#{evaluarExoneracionBean.desapruebaSolicitud}"  
					  update="form:listaSE msgs" 
                      image="ui-icon ui-icon-check"
                      oncomplete="onEditComplete(args)"/>
                    <p:commandButton value="Cancelar" onclick="carDialog.hide()" type="button" image="ui-icon ui-icon-close"/>
  				</h:panelGroup>
              </p:outputPanel>  
          </f:facet> 
      </h:panelGrid>
      <h:panelGrid id="image"  columns="1">
      <p:fieldset legend="Ver/Ocultar Solicitud" toggleable="true" toggleSpeed="500" collapsed="true">  
        		<h:panelGrid columns="1" cellpadding="10">  
            <div align="left">
            	<p:graphicImage value="#{evaluarExoneracionBean.selectedSolicitud.scImagen}" rendered="#{evaluarExoneracionBean.editMode}"  cache="false"
            	                width="100%" height="100%"/>
            </div>
        		</h:panelGrid>  
   	   </p:fieldset> 
   	   </h:panelGrid>
	</h:form>
	</p:dialog>
	</div>
	</ui:define>
	
</ui:composition>